<template>
	<div class = "vfor2">
		<h3>v-for2列表渲染</h3>
		<table class="table">
			<tr>
				<th>id</th>
				<th>name</th>
				<th>age</th>
			</tr>
			<tr v-for="stu in stus">
				<td>{{stu.id}}</td>
				<td>{{stu.name}}</td>
				<td>{{stu.age}}</td>
			</tr>
		</table>
	</div>
</template>


<script setup>
	let stus = [
		{id:1,name:'李明',age:18},
		{id:2,name:'李A',age:19},
		{id:3,name:'李B',age:20},
	]
</script>


<style scoped>
	.vfor2{
		font-size: 16px;
		font-weight: bold;
		width: 200px;
		height: 200px;
		border: 1px solid blue;
	}
	
</style>